<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>食货志</title>
    <!-- 移动设备优先 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- BS4依赖 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-3.4.0.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- json依赖 -->
    <script src="js/json2.js"></script>
    <style>
        html, body {
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body >
    <!-- 顶部导航 -->
    <div id="top"></div>
    <script>
        $("#top").load("page-top.html");
    </script>

    <div class="container-fluid" style="margin-top: 50px; height: 100%">
        <div class="row" style="width: 100%; height: auto; height: 100%">
            <div id="showCenterItem" class="col-2" style="margin-top: 12px;">
            </div>
            <div class="col-10" style="margin-top: 12px;">
                <iframe id="iframe1" frameborder="none;" height="90%" width="100%" name="userInfo" src="showUserCates.html" ></iframe>
            </div>
        </div>
    </div>
    <script>
        // 加载个人主页左侧部分
        $("#showCenterItem").load("center-item.html");
    </script>

    <!-- 底部导航 -->
    <div id="bottom"></div>
    <script>$("#bottom").load("page-bottom.html");</script>

</body>

</html>